<template>
	<div>
		<div class="city-top">
			<p>选择城市
			<router-link to="/">
				<span>X</span>
			</router-link>
			</p>
		</div>
		<CitySon></CitySon>
	</div>
</template>

<script>
	
	import CitySon from './CitySon.vue'
	
	export default{
		name:'City',
		components:{
			CitySon
		}
	}
</script>

<style>
	a{
		text-decoration: none;
		color: black;
	}
	.city-top{
		width: 100%;
		height: 1.7rem;
		background-color: #f7f7f7;
		display: flex;
		align-items: center;
		justify-content: space-around;
		position: relative;
	}
	.city-top p{
		font-size: 0.5rem;
	}
	.city-top span{
		position: absolute;
		right: 0.2rem;
	}
</style>
